<template>
	<view>
		<view class="banner">
			<image src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221126/987a839f144d4f13b1ff0022b66caee7.jpg" mode="widthFix" class="b-cover"></image>
		</view>
		<view class="build">
			<view class="b-title">企业网站建设</view>
			<view class="b-desc">我们将为您建立满意的网站！</view>
			<view class="b-list">
				<view class="bl-box">
					<view class="blb-icon icon1"></view>
					<view class="blb-title">企业品牌官网</view>
					<text class="blb-desc">体现品牌形象必备\n为品牌实现排名曝光打下基础</text>
				</view>
				<view class="bl-box">
					<view class="blb-icon icon2"></view>
					<view class="blb-title">一对一沟通设计</view>
					<text class="blb-desc">专属人员与您对接沟通设计\n后期会有专属人员与您对接</text>
				</view>
				<view class="bl-box">
					<view class="blb-icon icon3"></view>
					<view class="blb-title">域名配赠服务</view>
					<text class="blb-desc">任选一个可注册的com\n或cn域名每一年\n配送 一个自定义域名</text>
				</view>
				<view class="bl-box">
					<view class="blb-icon icon4"></view>
					<view class="blb-title">服务器配赠服务</view>
					<text class="blb-desc">网站将存放在安全的\n服务器中省心、高效、\n您无需自备服务器</text>
				</view>
				<view class="bl-box">
					<view class="blb-icon icon5"></view>
					<view class="blb-title">域名免费备案</view>
					<text class="blb-desc">个人与企业域名皆可备案\n免费对网站进行ICP备案</text>
				</view>
			</view>
		</view>
		<view class="hr"></view>
		<view class="advantage">
			<view class="a-title">纺扬建站技术优势</view>
			<view class="a-flow">
				<image src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/3d9027077ebb4748a26991dad67592f6.jpg" mode="widthFix" class="af-cover"></image>
				<view class="af-list">
					<view class="afl-row">
						<image src="@/static/images/icon-check.png" class="aflr-icon"></image>
						<view class="aflr-text">灵活定制，打造独一无二专属界面</view>
					</view>
					<view class="afl-row">
						<image src="@/static/images/icon-check.png" class="aflr-icon"></image>
						<view class="aflr-text">网页优化加速，节省更多流量</view>
					</view>
					<view class="afl-row">
						<image src="@/static/images/icon-check.png" class="aflr-icon"></image>
						<view class="aflr-text">PC+移动站点 数据无缝互联</view>
					</view>
					<view class="afl-row">
						<image src="@/static/images/icon-check.png" class="aflr-icon"></image>
						<view class="aflr-text">自由系统，具有高扩展性</view>
					</view>
					<view class="afl-row">
						<image src="@/static/images/icon-check.png" class="aflr-icon"></image>
						<view class="aflr-text">B/S多层架构，快速开发，安全高效</view>
					</view>
				</view>
			</view>
		</view>
		<view class="hr"></view>
		<view class="service">
			<view class="s-title">纺扬建站服务体系</view>
			<view class="s-desc">PC网站、移动网站 、微站三合一</view>
			<view class="s-list">
				<view class="sl-box">
					<view class="slb-icon icon1"></view>
					<view class="slb-text">专属策划</view>
				</view>
				<view class="sl-box">
					<view class="slb-icon icon2"></view>
					<view class="slb-text">系统运维</view>
				</view>
				<view class="sl-box">
					<view class="slb-icon icon3"></view>
					<view class="slb-text">网页视觉设计</view>
				</view>
				<view class="sl-box">
					<view class="slb-icon icon4"></view>
					<view class="slb-text">品牌运营</view>
				</view>
				<view class="sl-box">
					<view class="slb-icon icon5"></view>
					<view class="slb-text">技术研发</view>
				</view>
				<view class="sl-box">
					<view class="slb-icon icon6"></view>
					<view class="slb-text">项目定制</view>
				</view>
			</view>
		</view>
		<Footers></Footers>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onShow() {
			// 设置TDK
			if (uni.getSystemInfoSync().uniPlatform == 'mp-baidu') {
				swan.setPageInfo({
					title: '企业网站建设制作公司-网站设计开发-纺扬网站建设',
					description: '网站建设，网站制作，网站开发，seo优化公司哪家好，首选纺扬网站建设（☏:191-0267-1826），我们是专业的小程序建设，网站开发，seo关键词优化，巨量引擎抖音广告代运营公司，致力于为客户创造商业价值，合作共赢。',
					keywords: '网站建设,网站制作,网站开发,网站设计,纺扬网站建设'
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	@import url("@/static/css/color.less");
	
	.build {
		padding-top: 59rpx;
		
		.b-title {
			text-align: center;
			font-size: 36rpx;
			font-weight: bold;
		}
		
		.b-desc {
			text-align: center;
			font-size: 24rpx;
			margin-top: 20rpx;
		}
		
		.b-list {
			margin-top: 39rpx;
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
			
			.bl-box {
				flex: 50% 0;
				padding: 0 24rpx;
				margin-bottom: 24rpx;
				box-sizing: border-box;
				
				.blb-icon {
					width: 100%;
					height: 135rpx;
					
					&.icon1 {
						background: url(https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/33e124c51470420b8630f698e24363f0.jpg) center / auto 105rpx no-repeat;
					}
					
					&.icon2 {
						background: url(https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/606626c506b54f7481ac93a6637dcc59.jpg) center / auto 102rpx no-repeat;
					}
					
					&.icon3 {
						background: url(https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/f6e7eed704a94a738e3d826ee9091132.jpg) center / auto 97rpx no-repeat;
					}
					
					&.icon4 {
						background: url(https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/afd11ae703344b4da0e63348e9ca32fe.jpg) center / auto 86rpx no-repeat;
					}
					
					&.icon5 {
						background: url(https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/db6bf7c3cdfb47688fad5a77e9fe81b2.jpg) center / auto 105rpx no-repeat;
					}
				}
				
				.blb-title {
					font-size: 30rpx;
					text-align: center;
				}
				
				.blb-desc {
					text-align: center;
					font-size: 24rpx;
					color: #999;
					margin-top: 10rpx;
					display: block;
				}
			}
		}
	}

	.advantage {
		padding-top: 40rpx;
		
		.a-title {
			text-align: center;
			font-size: 36rpx;
			font-weight: bold;
		}
		
		.a-flow {
			margin-top: 39rpx;
			display: flex;
			align-items: center;
			padding: 0 24rpx 20rpx 24rpx;
			
			.af-cover {
				width: 253rpx;
				margin-right: 22rpx;
			}
			
			.af-list {
				flex: 1;
				overflow: hidden;
			
				.afl-row {
					display: flex;
					align-items: center;
					margin-bottom: 19rpx;
					
					.aflr-icon {
						width: 24rpx;
						height: 24rpx;
						margin-right: 10rpx;
					}
					
					.aflr-text {
						font-size: 24rpx;
						color: @color-title-black;
					}
				}
			}
		}
	}

	.service {
		padding-top: 40rpx;
		
		.s-title {
			font-size: 36rpx;
			text-align: center;
			font-weight: bold;
		}
		
		.s-desc {
			font-size: 24rpx;
			text-align: center;
			font-weight: bold;
			margin-top: 18rpx;
		}
		
		.s-list {
			margin-top: 39rpx;
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
			justify-content: center;
			
			.sl-box {
				flex: calc(100% / 3) 0;
				margin-bottom: 40rpx;
				overflow: hidden;
				
				.slb-icon {
					width: 120rpx;
					height: 120rpx;
					margin: 0 auto;
					
					&.icon1 {
						background: url(https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/31e86827ad734cf0bb1bdc33c0bfe550.jpg) center / 120rpx no-repeat;
					}
					
					&.icon2 {
						background: url(https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/00a5b8f036ca407c85bf29639318a439.jpg) center / 120rpx no-repeat;
					}
					
					&.icon3 {
						background: url(https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/f0bccae4fa1e4e9686464a82714a389b.jpg) center / 120rpx no-repeat;
					}
					
					&.icon4 {
						background: url(https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/a015c840e72e4c22a58b425cf70b0c85.jpg) center / 120rpx no-repeat;
					}
					
					&.icon5 {
						background: url(https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/2ee08c007af44a1cb08b089c76b59753.jpg) center / 120rpx no-repeat;
					}
					
					&.icon6 {
						background: url(https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/583f3739e31340aa8f257f2c54713e06.jpg) center / 120rpx no-repeat;
					}
				}
				
				.slb-text {
					text-align: center;
					font-size: 24rpx;
					margin-top: 20rpx;
				}
			}
		}
	}
</style>
